* {
    margin: 0;
    padding: 0;
    list-style: none;
}

@function px2rem($px) {
    @return $px / 75 * 1rem;
}

.wrap {
    .head {
        .head_left {
            float: left;
            padding-left: px2rem(30);
            padding-top: px2rem(15);

            img {
                width: 100%;
                height: px2rem(75);
            }
        }

        .head_right {
            float: right;
            padding-right: px2rem(25);
            padding-top: px2rem(20);

            img {
                width: px2rem(40);
                height: px2rem(36);
            }
        }
    }

    .center {
        margin-bottom: px2rem(100);

        .banner {
            width: 100%;
            white-space: nowrap;
            overflow: hidden;

            img {
                width: 100%;
                min-height: px2rem(280);
                max-height: px2rem(800);
            }
        }
    }

    .daohang {
        display: flex;
        min-width: px2rem(750);
        height: px2rem(600);
        max-width: 80%;
        margin: 0 auto;
        overflow: hidden;

        .item {
            width: px2rem(500);
            height: px2rem(500);
            box-shadow: 0px 5px 5px 0px #ccc;
            margin-left: 20px;
            transition: 1s;

            .item:hover .img_url {
                transform: translateY(-100px);
                opacity: 0;
            }
        }

        .item:hover {
            background-color: red;
            transition: 2s;
            border-radius: 10px;
        }

        .item:hover .text2 {
            color: white;

        }

        .item>p {
            text-align: center;
            font-size: 25px;
            margin-top: 10px;
            transition: 1s;
            color: #8C8C8C;
        }

        .item>.img_url {
            transition: 1s;
            width: px2rem(320);
            height: px2rem(233);
            position: relative;
            z-index: 1;
        }

        .ico {
            width: 60px;
            height: 60px;
            background-color: red;
            border-radius: 50%;
            position: relative;
            margin: 0 auto;
            margin-top: -30px;
            z-index: 2;

        }
    }

    .xwzx {
        padding-left: px2rem(30);
        padding-top: px2rem(30);
        padding-right: px2rem(30);
        background-color: #FBFAF8;
        height: px2rem(1350);

        .test {
            color: #b8b8b8;
            font-size: px2rem(30);
            font-family: "AlibabaSans-Light";
            font-weight: lighter;
            text-transform: uppercase;
            margin-bottom: px2rem(20);
        }

        .test2 {
            display: flex;
            justify-content: space-between;
            padding-right: px2rem(200);
            margin-bottom: px2rem(30);
            p {
                font-size: px2rem(32);
            }

            span {
                margin-top: px2rem(10);
                color: red;
                font-size: px2rem(25);
            }
        }

        .test3 {
            margin-bottom: px2rem(30);
            img {
                width: 100%;
                height: px2rem(400);
            }
        }
        .test4{
            .title{
                color: #D70011;
                font-size: px2rem(40);
                margin-bottom: px2rem(20);
            }
            .title2{
                width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                color: #3a3a3a;
                font-size: px2rem(28);
            }
            .title3{
                margin-top: px2rem(30);
                line-height: px2rem(35);
            }
        }
        .test5{
            margin-top: px2rem(30);
            display: flex;
            justify-content: space-between;
            font-size: px2rem(35);
            margin-bottom: px2rem(40);
            li{
                color: #666;
                &:nth-child(1){
                    color: red;
                    padding-bottom: px2rem(20);
                    border-bottom: 2px solid red;
                }
            }
        }
        .test6{
            display:flex;
            color: #999;
            margin-bottom: px2rem(35);
            .inner_left{
                padding-left: px2rem(35);
                padding-right: px2rem(30);
                border-right: 1px dotted #999;
                .text1{
                    font-size: px2rem(88);
                }
                .text2{
                    padding-left: px2rem(15);
                }
            }
            .inner_right{
                width: px2rem(600);
                padding-left: px2rem(35);
                padding-right: px2rem(30);
                
                .text3{
                    width: px2rem(480);
                    color: #666;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    font-size: px2rem(30);
                    margin-bottom: px2rem(30);
                }
                .text4{
                    font-size: px2rem(25);
                    color: #666;
                    line-height: px2rem(37);
                }
            }
        }
    }
    .zjrs{
        margin-top: px2rem(35);
        text-align: center;
        img{
            margin-bottom: px2rem(30);
        }
        p{
            font-size: px2rem(25);
        }
    }
    .foot{
        background-color: rgba(243,240,240,0.8);
        padding-left: px2rem(40);
        padding-right: px2rem(40);
        margin-top: px2rem(30);
        display: flex;
        justify-content: space-between;
        .inner_top{
            height: px2rem(100);
            line-height: px2rem(100);
            img{
                width: px2rem(280);
                height: px2rem(37);
            }
        }
    }
    .footer{
        padding-left: px2rem(40);        
        margin-bottom: px2rem(50);
        p{
            color: #999;
            font-size: px2rem(25);
            margin-top: px2rem(20);
            line-height: px2rem(40);
            span{
                color: black;
            }
        }
        ul{
            margin-top: px2rem(20);
            padding-right: px2rem(40);
            display: flex;
            font-size: px2rem(25);
            color: #999;
            justify-content: space-between;
        }
    }
}